.classification-header {
  width: 100%;
  height: 0.85rem;
  float: left;
  background: #b81c22;
}
.classification-header .header-left {
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  width: 0.3rem;
  height: 0.3rem;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  cursor: pointer;
  position: absolute;
  top: 0.42rem;
  left: 0.42rem;
}
.classification-header .header-center {
  width: 100%;
  text-align: center;
  color: white;
  font-size: 0.3rem;
  height: 0.85rem;
  line-height: 0.85rem;
}
.classification-content {
  width: 100%;
  height: auto;
  float: left;
}
.classification-content .content-left {
  width: 25%;
  height: 10rem;
  margin-top: 0.02rem;
  font-size: 0.2rem;
  background: #E5E5E5;
  float: left;
}
.classification-content .content-left ul {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.classification-content .content-left ul li {
  display: block;
  height: 0.64rem;
  width: 100%;
  border-bottom: 0.01rem white solid;
  line-height: 0.64rem;
}
.classification-content .content-left ul .left-list-1 {
  background: white;
}
.classification-content .content-right {
  width: 75%;
  float: left;
  height: 10rem;
  background: white;
}
.classification-content .content-right ul {
  width: 100%;
  height: 10rem;
  display: block;
  margin-top: 0.1rem;
}
.classification-content .content-right ul li {
  width: 33.3%;
  height: 1.7rem;
  display: block;
  float: left;
  text-align: center;
}
.classification-content .content-right ul li img {
  width: 1.18rem;
  height: 1.18rem;
}
.classification-content .content-right ul li span {
  width: 100%;
  height: auto;
  float: left;
  font-size: 0.1rem;
  text-align: center;
  color: #C0C0C0;
  display: block;
  line-height: 0.1rem;
}
.nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.9rem;
  border-top: 1px solid #999;
  overflow: hidden;
  background-color: #fff;
  z-index: 999;
}
.nav a {
  position: relative;
  width: 20%;
  height: 100%;
  float: left;
  color: #999;
  text-align: center;
}
.nav a span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: .63rem;
  height: .85rem;
  background-image: url(../img/2016_9_30_10_24_37_8593_60x800.jpg);
  background-repeat: no-repeat;
  background-size: .63rem 8.5rem;
  overflow: hidden;
}
.nav a .nav-home-active {
  background-position: 0 .042rem;
}
.nav a .nav-search {
  background-position: 0 -0.85rem;
}
.nav a .nav-Tshirt {
  background-position: 0 -1.7rem;
}
.nav a .nav-shopcart {
  background-position: 0 -2.55rem;
}
.nav a .nav-me {
  background-position: 0 -3.4rem;
}
